<!-- the tabs -->
<div id="parent_div_tag">
<ul class="tabs">
	<li><a href="#first" class="selected">Comments</a></li>
	<li><a href="#second">Category</a></li>
        <li><a href="#third">&lt;Archive/&gt;</a></li>
</ul>

<!-- tab "panes" -->
<div class="panes">
    <div id="first">
        <ul class="comment_collection_sidebar">
            <!--
            <li><a href="http://m.example.com" title="go">first comment him jljl slkdls lsdfk</a> by abddasf  asdfby  </li>
            <li><a href="http://m.example.com" title="go">first comment him jljl slkdls lsdfk</a> by abddasf  asdfby  </li>
            <li><a href="http://m.example.com" title="go">first comment him jljl slkdls lsdfk</a> by abddasf  asdfby  </li>
            <li><a href="http://m.example.com" title="go">first comment him jljl slkdls lsdfk</a> by abddasf  asdfby  </li>
            <li><a href="http://m.example.com" title="go">first comment him jljl slkdls lsdfk</a> by abddasf  asdfby  </li>
            <li><a href="http://m.example.com" title="go">first comment him jljl slkdls lsdfk</a> by abddasf  asdfby  </li>
            -->
        <?php
            if (function_exists('get_recent_comments')) {
                //echo '<h2>';
                //_e('Recent Comments:');
                //echo '</h2>';
                echo get_recent_comments();
            }
			else echo "No recent comment found";
        ?>
        </ul>
        <!-- <h1>Color: background-color: rgb(237, 243, 245);</h1> -->
    </div>

    <div id="second">
        <!--  Second pane. -->
        <ul>
        <?PHP
            //wp_list_categories( "orderby=name" );
            wp_tag_cloud( 'taxonomy=category&smallest=15&largest=28&number=30&orderby=count' );
            echo "<br />";
            //wp_tag_cloud('smallest=15&largest=28&number=20&orderby=count&order=RAND');
        ?>
        </ul>
    </div>

    <div id="third">
        <ul class="comment_collection_sidebar">
            <?php wp_get_archives('type=postbypost&limit=15&format=custom&before=<li>&after=</li>'); ?>
            <li>
                <select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
                    <option value=""><?php echo esc_attr( __( 'Select Month' ) ); ?></option>
                <?php wp_get_archives( 'type=monthly&format=option&show_post_count=1' ); ?>
                </select>
            </li>
        </ul>
    </div>
</div>

</div> <!-- parent div ends here -->

<script type="text/javascript">
    $().easyTab();
    //$("#sparent_div_tag").testFunction();
</script>